import { defineComponent } from 'vue'

export default defineComponent({
  name: 'ButtonView',
  setup() {
    /* render 函数 */
    return () => {
      return (
        <>
          <div>
            <sps-button type="primary" success>
              Primary
            </sps-button>
            <sps-button class="ml-1" success>
              Default
            </sps-button>
            <sps-button class="ml-1" type="dashed" success>
              Dashed
            </sps-button>
            <sps-button class="ml-1" type="text" success>
              Text
            </sps-button>
            <sps-button class="ml-1" type="link" success>
              Link
            </sps-button>
          </div>
          <div class="mt-2">
            <sps-button type="primary" warning>
              Primary
            </sps-button>
            <sps-button class="ml-1" warning>
              Default
            </sps-button>
            <sps-button class="ml-1" type="dashed" warning>
              Dashed
            </sps-button>
            <sps-button class="ml-1" type="text" warning>
              Text
            </sps-button>
            <sps-button class="ml-1" type="link" warning>
              Link
            </sps-button>
          </div>
          <div class="mt-2">
            <sps-button type="primary" info>
              Primary
            </sps-button>
            <sps-button class="ml-1" info>
              Default
            </sps-button>
            <sps-button class="ml-1" type="dashed" info>
              Dashed
            </sps-button>
            <sps-button class="ml-1" type="text" info>
              Text
            </sps-button>
            <sps-button class="ml-1" type="link" info>
              Link
            </sps-button>
          </div>
          <div class="mt-2">
            <sps-button type="primary" icon="home">
              Home
            </sps-button>
          </div>
        </>
      )
    }
  }
})
